<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>定时器的进度条2</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery.min.js">
		</script>
		<script>
			$(function(){
				document.onreadystatechange = function(){
					//判断当前加载状态
						/*	uninitialized - 还未开始载入
							loading - 载入中
							interactive - 已加载，文档与用户可以开始交互
							complete - 载入完成   
						*/
					console.log(document.readyState);
					if(document.readyState == "complete"){
						$(".loading").fadeOut();
					}
				}
			})
		</script>
	</head>
	<body>
		<div class="loading">
			<div class="pic"></div>
		</div>
		<img src="http://pic4.nipic.com/20091217/3885730_124701000519_2.jpg"/>
		<img src="http://pic2.ooopic.com/11/98/31/31bOOOPIC12_1024.jpg"/>
		<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg"/>
		<img src="http://b.hiphotos.baidu.com/image/pic/item/5bafa40f4bfbfbed9215b39772f0f736aec31f8d.jpg"/>
	</body>
</html>
